<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="friends, 颜先森工作室">
    <meta name="description" content="颜先森工作室">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>friends | 颜先森工作室</title>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">

    <script src="/libs/jquery/jquery-3.6.0.min.js"></script>

<meta name="generator" content="Hexo 6.1.0"></head>




<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">颜先森工作室</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/life" class="waves-effect waves-light">
      
      <span>校园生活</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/contact" class="waves-effect waves-light">
      
      <i class="fas fa-comments" style="zoom: 0.6;"></i>
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/downloads" class="waves-effect waves-light">
      
      <span>下载</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">颜先森工作室</div>
        <div class="logo-desc">
            
            Never really desperate, only the lost of the soul.
            
        </div>
    </div>

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/life" class="waves-effect waves-light">
			
				<i class="fas fa-fw fa-link"></i>
			
			校园生活
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/contact" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-comments"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/downloads" class="waves-effect waves-light">
			
				<i class="fas fa-fw fa-link"></i>
			
			下载
		</a>
          
        </li>
        
        
    </ul>
</div>


        </div>

        
    </nav>

</header>

    <div class="bg-cover pd-header about-cover">
    <div class="container">
    <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">
                
                欢迎访问
                
            </div>

            <div class="description center-align">
                
                <span id="subtitle"></span>
                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
                <script>
                    var typed = new Typed("#subtitle", {
                        strings: [ 
                            
                                "从来没有真正的绝境, 只有心灵的迷途",
                            
                                "Never really desperate, only the lost of the soul",
                            
                        ],
                        startDelay: 300,
                        typeSpeed: 100,
                        loop: true,
                        backSpeed: 50,
                        showCursor: true
                    });
                </script>
                
            </div>
        </div>
    </div>
</div>


<script>
    // 每天切换 banner 图.  Switch banner image every day.
    var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
    $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
</script>


    </div>
</div>
<style>
    .friends-container {
        margin-top: -100px;
        margin-bottom: 30px;
    }

    .friends-container .tag-title {
        margin-bottom: 10px;
        color: #3C4858;
        font-size: 1.75rem;
        font-weight: 400;
    }

    .frind-ship img {
        border-radius: 50%;
    }

    /* 一下是按钮样式 */

    .frind-ship {
        padding: 10px 20px;
    }

    .frind-ship .title {
        display: flex;
        align-items: center;
    }

    .frind-ship .title div {
        color: #fff;
        padding-left: 10px;
    }

    .frind-ship .title img {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
    }

    .frind-ship .title h1 {
        padding-bottom: 5px;
        border-bottom: 2px solid #fff;
        position: relative;
        top:-15px;
        left: 3px;
    }

    .friend-button {
        display: flex;
        justify-content: center;
        margin-bottom: -27px;
    }

    .friend-button a {
        border-radius: 40px;
    }

    .friend-all .tag-post {
        margin-bottom: 30px;
    }

    .button-caution {
        background-color: #FF4351;
        border-color: #FF4351;
        color: #FFF;
    }

    .button {
        font-weight: 300;
        font-size: 16px;
        font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 0 40px;
        margin: 0;
        display: inline-block;
        appearance: none;
        cursor: pointer;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }

    .title {
        margin-bottom: 0rem !important;
    }

    .card {
        margin: 3rem 0 1rem 0 !important;
    }

    .button-glow.button-caution {
        -webkit-animation-name: glowing-caution;
        animation-name: glowing-caution;
    }

    @-webkit-keyframes glowing-caution {
        from {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }

        50% {
            -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
        }

        to {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }
    }

    @keyframes glowing-caution {
        from {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }

        50% {
            -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
        }

        to {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }
    }

    .button-caution:hover {
        background-color: #ff7680;
        border-color: #ff7680;
        color: #FFF;
        text-decoration: none;
    }

    .frind-card1 {
        background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    }

    .frind-card2 {
        background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

    .frind-card3 {
        background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
    }

    .frind-card4 {
        background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
    }

    .frind-card5 {
        background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
    }

    .frind-card6 {
        background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
    }

    .frind-card7 {
        background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    }

    .frind-card8 {
        background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
    }

    .frind-card9 {
        background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
    }

    .frind-card10 {
        background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
    }

    article .card {
        overflow: visible !important;
    }
</style>

<main class="content">
    <div class="container friends-container">
        <div class="card">
            <div class="card-content">
                <div class="tag-title center-align">
                    <i class="fas fa-address-book"></i>&nbsp;&nbsp;友情链接
                </div>
                <article id="friends-link">
                    
                    
                    <div class="row tags-posts friend-all">
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/myzhihu.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">知乎专栏</h1>
                                            <p style="position: relative;top: -35px;">算法码上来</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://zhuanlan.zhihu.com/godweiyang" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/bytedtrans.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">火山翻译</h1>
                                            <p style="position: relative;top: -35px;">提供全球领先的翻译技术与服务</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://translate.volcengine.cn" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card3">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/antnlp.ico" alt="img">
                                        <div>
                                            <h1 class="friend-name">AntNLP</h1>
                                            <p style="position: relative;top: -35px;">华东师范大学自然语言处理实验室欢迎您的加入！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://antnlp.org" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card4">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/ids2.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">IDS²</h1>
                                            <p style="position: relative;top: -35px;">中欧可靠智能软件联合实验室欢迎您的加入！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.smart-dependable-sino-europe.institute" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card5">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/sunchangzhi.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">孙长志</h1>
                                            <p style="position: relative;top: -35px;">AntNLP博士大师兄！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.czsun.site" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card6">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/jitao.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">纪焘</h1>
                                            <p style="position: relative;top: -35px;">AntNLP博士带明星！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://taoji.site" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card7">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/duyupei.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">杜雨沛</h1>
                                            <p style="position: relative;top: -35px;">AntNLP唱跳RAP打篮球全能师兄！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://yupei-du.github.io/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card8">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/0xbird.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">0xbirdpwn</h1>
                                            <p style="position: relative;top: -35px;">十步杀一人，千里不留行，事了拂衣去，深藏功与名。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://0xbird.top/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card9">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/lijiaqian.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">李佳倩的博客</h1>
                                            <p style="position: relative;top: -35px;">一只小白的成长之路！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://jiaqianlee.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card10">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/kewlgrl.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">kewlgrl</h1>
                                            <p style="position: relative;top: -35px;">好大一只咸鱼哇</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://blog.csdn.net/MIKASA3" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/gsy.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Think Far Blog</h1>
                                            <p style="position: relative;top: -35px;">我曾经拥有这一切，转眼都飘散如烟。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://wuli749826.github.io" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/taowei.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">望城风景</h1>
                                            <p style="position: relative;top: -35px;">用力活过的日子，才配得上此刻的缅怀。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.itaowei.cn/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card3">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/zzw.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">jxtxzzw空间</h1>
                                            <p style="position: relative;top: -35px;">华东师范大学计算机系</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.jxtxzzw.com/wordpress" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card4">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/qianqian.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">DREAMWINGS</h1>
                                            <p style="position: relative;top: -35px;">夢はそこでないと、私の権利である</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.dreamwings.cn/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card5">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/lyn-draw.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">ElaineLv</h1>
                                            <p style="position: relative;top: -35px;">Stay hungry, Stay foolish</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.elainelv.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card6">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/lzh.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">Subject_No_i</h1>
                                            <p style="position: relative;top: -35px;">在原七海 中野三玖 中野二乃 樱岛麻衣的老公</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://subjectnoi.github.io" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card7">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/jingjing.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">菁菁</h1>
                                            <p style="position: relative;top: -35px;">做什么都是因为喜欢</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://angericky.github.io/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card8">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/babyq.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">Sweet-Q</h1>
                                            <p style="position: relative;top: -35px;">华东师范大学数学系</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://sweet-q.github.io" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card9">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/cww97.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">伟大的蚊子</h1>
                                            <p style="position: relative;top: -35px;">鼓楼的夜晚时间匆匆</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.cnblogs.com/cww97/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card10">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/fun4go.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">Fun4wut</h1>
                                            <p style="position: relative;top: -35px;">菜鸡欢迎大佬的光顾</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://blog.fun4go.top" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/hael.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Hael Chan</h1>
                                            <p style="position: relative;top: -35px;">浙江大学 &amp; NLP &amp; ML</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://haelchan.me/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/zhangting.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">happygirlzt</h1>
                                            <p style="position: relative;top: -35px;">A Backend Engineer</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.happygirlzt.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card3">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/liyangzone.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">星空无限</h1>
                                            <p style="position: relative;top: -35px;">前端开发，死飞大佬。分享技术，分享生活。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://liyangzone.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card4">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/mashiro.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Mashiro</h1>
                                            <p style="position: relative;top: -35px;">樱花庄的白猫</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://2heng.xin/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card5">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/hzwer.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">hzwer</h1>
                                            <p style="position: relative;top: -35px;">北京大学计算机系</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://hzwer.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card6">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/mpy634.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">MPY634</h1>
                                            <p style="position: relative;top: -35px;">摸鱼，永无止境。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://mpy634.cn/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card7">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/michael.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">徐铭辰的博客</h1>
                                            <p style="position: relative;top: -35px;">埃克塞特大学计算机系</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://michaelxucs.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card8">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/mizunashi.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">Mizunashi</h1>
                                            <p style="position: relative;top: -35px;">欢迎大佬们来玩</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://mizunashi.me" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card9">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/xuzhongyou.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">xuzhongyou</h1>
                                            <p style="position: relative;top: -35px;">我哽咽道：你是赵默笙，可我不是何以琛啊。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://xuzhongyou.github.io/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card10">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/huaji.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">zerol</h1>
                                            <p style="position: relative;top: -35px;">华东师范大学计算机系</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://zerol.me/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/zhangyi.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Zhang Yi</h1>
                                            <p style="position: relative;top: -35px;">Coding is the New Sexy</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://codewithzhangyi.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/spacesac.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">科学空间</h1>
                                            <p style="position: relative;top: -35px;">中山大学基础数学研究生</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://spaces.ac.cn/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card3">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://tva1.sinaimg.cn/large/006tNbRwly1ga7ognflh9j30b40b4q3w.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">lucifer的博客</h1>
                                            <p style="position: relative;top: -35px;">一个脑洞很大的程序员。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://lucifer.ren/blog/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card4">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/qiandongwei.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">钱栋伟</h1>
                                            <p style="position: relative;top: -35px;">华东师范大学计算机系</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://sscjwdyzdw.club" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card5">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/mouse.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">CJ Blog</h1>
                                            <p style="position: relative;top: -35px;">Failing means foolish.</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://chrisju.cn/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card6">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/tawn.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Tawn</h1>
                                            <p style="position: relative;top: -35px;">JNU ACMer</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://tawn0000.github.io/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card7">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/masterx.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Master X</h1>
                                            <p style="position: relative;top: -35px;">ECNU&amp;ML&amp;DL</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://masterx.top/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card8">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/yezijie.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">分享客</h1>
                                            <p style="position: relative;top: -35px;">爱生活，爱分享！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://sharerdiary.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card9">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/taotao.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">taotao</h1>
                                            <p style="position: relative;top: -35px;">taotao 码字的地方</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://zouzhitao.github.io" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card10">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/xiejiadong.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Xiejiadong</h1>
                                            <p style="position: relative;top: -35px;">Xiejiadong&#39;s blog</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://xiejiadong.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/feibar.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">飞吧</h1>
                                            <p style="position: relative;top: -35px;">啓飞的个人博客</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://fei.bar" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="/medias/avatars/ajin.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">ajin</h1>
                                            <p style="position: relative;top: -35px;">Always be enthusiastic</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://ajin.cloud" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card3">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://cdn.jsdelivr.net/gh/hiyoung123/cdn/img/avatar.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Hiyoung</h1>
                                            <p style="position: relative;top: -35px;">宠辱不惊，看庭前花开花落；去留无意，望天空云卷云舒。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://hiyoungai.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card4">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://cdn.jsdelivr.net/gh/yzp-99/yzp-99.github.io/medias/avatars/me.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">无言的博客</h1>
                                            <p style="position: relative;top: -35px;">代码真是越敲越香</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.yzplove.top" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card5">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://naixinzhang.github.io/medias/avatars/avatar.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Naixin Zhang</h1>
                                            <p style="position: relative;top: -35px;">Econ Master | Data Analyst/scientist Candidate</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://naixinzhang.github.io/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card6">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://ishuaizhang.com/medias/avatars/avatar.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">帅张的梦呓</h1>
                                            <p style="position: relative;top: -35px;">XDUer</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://ishuaizhang.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card7">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://a347807131.github.io/medias/avatar.gif" alt="img">
                                        <div>
                                            <h1 class="friend-name">Gatsby’s blog</h1>
                                            <p style="position: relative;top: -35px;">Nothing perfect, Noting special.</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://a347807131.github.io/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card8">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://yuzhouwan.com/yuzhouwan_logo_128x128.ico" alt="img">
                                        <div>
                                            <h1 class="friend-name">宇宙湾</h1>
                                            <p style="position: relative;top: -35px;">主要是大数据和人工智能的原创文章。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://yuzhouwan.com/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card9">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://img.dotnet9.com/logo-foot.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">Dotnet9的博客</h1>
                                            <p style="position: relative;top: -35px;">一个热衷于互联网分享精神的个人博客站点</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://dotnet9.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card10">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://y.gtimg.cn/music/photo_new/T002R300x300M000002qD7gF3fW0JL_1.jpg?max_age=2592000" alt="img">
                                        <div>
                                            <h1 class="friend-name">Macchiato</h1>
                                            <p style="position: relative;top: -35px;">java学习者</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://hcj123123.oschina.io" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://yafine-blog.cn/medias/avatar.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">过客~励む</h1>
                                            <p style="position: relative;top: -35px;">你现在的努力，是为了以后有更多的选择。</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://yafine-blog.cn" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://weisenhui.top/medias/avatar.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">meteorsh</h1>
                                            <p style="position: relative;top: -35px;">Data Science &amp; Engineering</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://weisenhui.top" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card3">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="http://kuroko.info/wp-content/uploads/2020/11/2.jpg" alt="img">
                                        <div>
                                            <h1 class="friend-name">Kuroko</h1>
                                            <p style="position: relative;top: -35px;">浓烟下的诗歌电台</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://kuroko.info" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            访问主页
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                </article>
            </div>
        </div>

        
            <div class="card">
                <div class="card-content">
                    <h1 id="友链交换"><a href="#友链交换" class="headerlink" title="友链交换"></a>友链交换</h1><p>想要交换友链的小伙伴，欢迎在留言板留言，留言格式：</p>
<ul>
<li><strong>名称：</strong>你的博客名称</li>
<li><strong>地址：</strong>你的博客地址</li>
<li><strong>简介：</strong>一句话简介</li>
<li><strong>头像：</strong>你的头像地址</li>
</ul>
<p>例如我的博客友链，大家可以加到自己博客里哦：</p>
<ul>
<li><strong>名称：</strong>ycw999</li>
<li><strong>地址：</strong><a target="_blank" rel="noopener" href="https://ycw999.github.io/">https://ycw999.github.io</a></li>
<li><strong>简介：</strong>一起学习一起进步</li>
<li><strong>头像：</strong></li>
</ul>

                </div>
            </div>
        

        <div class="card">

            

            

            

            

            
            <style>
    .valine-card {
        margin: 1.5rem auto;
    }

    .valine-card .card-content {
        padding: 20px 20px 5px 20px;
    }

    #vcomments textarea {
        box-sizing: border-box;
        background: url("/medias/comment_bg.png") 100% 100% no-repeat;
    }

    #vcomments p {
        margin: 2px 2px 10px;
        font-size: 1.05rem;
        line-height: 1.78rem;
    }

    #vcomments blockquote p {
        text-indent: 0.2rem;
    }

    #vcomments a {
        padding: 0 2px;
        color: #4cbf30;
        font-weight: 500;
        text-decoration: none;
    }

    #vcomments img {
        max-width: 100%;
        height: auto;
        cursor: pointer;
    }

    #vcomments ol li {
        list-style-type: decimal;
    }

    #vcomments ol,
    ul {
        display: block;
        padding-left: 2em;
        word-spacing: 0.05rem;
    }

    #vcomments ul li,
    ol li {
        display: list-item;
        line-height: 1.8rem;
        font-size: 1rem;
    }

    #vcomments ul li {
        list-style-type: disc;
    }

    #vcomments ul ul li {
        list-style-type: circle;
    }

    #vcomments table, th, td {
        padding: 12px 13px;
        border: 1px solid #dfe2e5;
    }

    #vcomments table, th, td {
        border: 0;
    }

    table tr:nth-child(2n), thead {
        background-color: #fafafa;
    }

    #vcomments table th {
        background-color: #f2f2f2;
        min-width: 80px;
    }

    #vcomments table td {
        min-width: 80px;
    }

    #vcomments h1 {
        font-size: 1.85rem;
        font-weight: bold;
        line-height: 2.2rem;
    }

    #vcomments h2 {
        font-size: 1.65rem;
        font-weight: bold;
        line-height: 1.9rem;
    }

    #vcomments h3 {
        font-size: 1.45rem;
        font-weight: bold;
        line-height: 1.7rem;
    }

    #vcomments h4 {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    #vcomments h5 {
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.4rem;
    }

    #vcomments h6 {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    #vcomments p {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    #vcomments hr {
        margin: 12px 0;
        border: 0;
        border-top: 1px solid #ccc;
    }

    #vcomments blockquote {
        margin: 15px 0;
        border-left: 5px solid #42b983;
        padding: 1rem 0.8rem 0.3rem 0.8rem;
        color: #666;
        background-color: rgba(66, 185, 131, .1);
    }

    #vcomments pre {
        font-family: monospace, monospace;
        padding: 1.2em;
        margin: .5em 0;
        background: #272822;
        overflow: auto;
        border-radius: 0.3em;
        tab-size: 4;
    }

    #vcomments code {
        font-family: monospace, monospace;
        padding: 1px 3px;
        font-size: 0.92rem;
        color: #e96900;
        background-color: #f8f8f8;
        border-radius: 2px;
    }

    #vcomments pre code {
        font-family: monospace, monospace;
        padding: 0;
        color: #e8eaf6;
        background-color: #272822;
    }

    #vcomments pre[class*="language-"] {
        padding: 1.2em;
        margin: .5em 0;
    }

    #vcomments code[class*="language-"],
    pre[class*="language-"] {
        color: #e8eaf6;
    }

    #vcomments [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: inherit;
        margin-left: -1.3rem;
        margin-right: 0.4rem;
        margin-top: -1px;
        vertical-align: middle;
        left: unset;
        visibility: visible;
    }

    #vcomments b,
    strong {
        font-weight: bold;
    }

    #vcomments dfn {
        font-style: italic;
    }

    #vcomments small {
        font-size: 85%;
    }

    #vcomments cite {
        font-style: normal;
    }

    #vcomments mark {
        background-color: #fcf8e3;
        padding: .2em;
    }

    #vcomments table, th, td {
        padding: 12px 13px;
        border: 1px solid #dfe2e5;
    }

    table tr:nth-child(2n), thead {
        background-color: #fafafa;
    }

    #vcomments table th {
        background-color: #f2f2f2;
        min-width: 80px;
    }

    #vcomments table td {
        min-width: 80px;
    }

    #vcomments [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: inherit;
        margin-left: -1.3rem;
        margin-right: 0.4rem;
        margin-top: -1px;
        vertical-align: middle;
        left: unset;
        visibility: visible;
    }
</style>

<div class="card valine-card" data-aos="fade-up">
    <div class="comment_headling" style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;">
        <i class="fas fa-comments fa-fw" aria-hidden="true"></i>
        <span>评论</span>
    </div>
    <div id="vcomments" class="card-content" style="display: grid">
    </div>
</div>

<script src="/libs/valine/av-min.js"></script>
<script src="/libs/valine/Valine.min.js"></script>
<script>
    new Valine({
        el: '#vcomments',
        appId: '1gsI9r5vgpoEAC5g2z6KcYRW-gzGzoHsz',
        appKey: 'MAbAGvV7Hpqz3yJg1AU2zIr6',
        notify: 'true' === 'true',
        verify: 'true' === 'true',
        visitor: 'true' === 'true',
        avatar: 'mm',
        pageSize: '10',
        lang: 'zh-cn',
        placeholder: 'ヾﾉ≧∀≦)o来啊，快活啊!'
    });
</script>

<!--酷Q推送-->


            

            

            

        </div>
    </div>
</main>

<script>
    $(function () {
        $('#friends-link').masonry({
            itemSelector: '.friend-div'
        });
    });
</script>


    <footer class="page-footer bg-color">
    
        <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #42b983;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="503838841"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="/libs/aplayer/APlayer.min.js"></script>
<script src="/libs/aplayer/Meting.min.js"></script>

    

    <div class="container row center-align"
         style="margin-bottom: 15px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            
                <span id="year">2022</span>
            
            <a href="/about" target="_blank">颜朝伟</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>
            
            
            
                
            
            
                <span id="busuanzi_container_site_pv">
                &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
                    <span id="busuanzi_value_site_pv" class="white-color"></span>
            </span>
            
            
                <span id="busuanzi_container_site_uv">
                &nbsp;|&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
                    <span id="busuanzi_value_site_uv" class="white-color"></span>
            </span>
            
            <br>

            <!-- 运行天数提醒. -->
            
                <span id="sitetime"> Loading ...</span>
                <script>
                    var calcSiteTime = function () {
                        var seconds = 1000;
                        var minutes = seconds * 60;
                        var hours = minutes * 60;
                        var days = hours * 24;
                        var years = days * 365;
                        var today = new Date();
                        var startYear = "2022";
                        var startMonth = "3";
                        var startDate = "14";
                        var startHour = "0";
                        var startMinute = "0";
                        var startSecond = "0";
                        var todayYear = today.getFullYear();
                        var todayMonth = today.getMonth() + 1;
                        var todayDate = today.getDate();
                        var todayHour = today.getHours();
                        var todayMinute = today.getMinutes();
                        var todaySecond = today.getSeconds();
                        var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
                        var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                        var diff = t2 - t1;
                        var diffYears = Math.floor(diff / years);
                        var diffDays = Math.floor((diff / days) - diffYears * 365);

                        // 区分是否有年份.
                        var language = 'zh-CN';
                        if (startYear === String(todayYear)) {
                            document.getElementById("year").innerHTML = todayYear;
                            var daysTip = 'This site has been running for ' + diffDays + ' days';
                            if (language === 'zh-CN') {
                                daysTip = '本站已运行 ' + diffDays + ' 天';
                            } else if (language === 'zh-HK') {
                                daysTip = '本站已運行 ' + diffDays + ' 天';
                            }
                            document.getElementById("sitetime").innerHTML = daysTip;
                        } else {
                            document.getElementById("year").innerHTML = startYear + " - " + todayYear;
                            var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and '
                                + diffDays + ' days';
                            if (language === 'zh-CN') {
                                yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天';
                            } else if (language === 'zh-HK') {
                                yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天';
                            }
                            document.getElementById("sitetime").innerHTML = yearsAndDaysTip;
                        }
                    }

                    calcSiteTime();
                </script>
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/ycw999" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:2480752569@qq.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2480752569" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 2480752569" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>







    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>
</footer>

<div class="progress-bar"></div>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script type="text/javascript">
$(function () {
    var searchFunc = function (path, search_id, content_id) {
        'use strict';
        $.ajax({
            url: path,
            dataType: "xml",
            success: function (xmlResponse) {
                // get the contents from search data
                var datas = $("entry", xmlResponse).map(function () {
                    return {
                        title: $("title", this).text(),
                        content: $("content", this).text(),
                        url: $("url", this).text()
                    };
                }).get();
                var $input = document.getElementById(search_id);
                var $resultContent = document.getElementById(content_id);
                $input.addEventListener('input', function () {
                    var str = '<ul class=\"search-result-list\">';
                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
                    $resultContent.innerHTML = "";
                    if (this.value.trim().length <= 0) {
                        return;
                    }
                    // perform local searching
                    datas.forEach(function (data) {
                        var isMatch = true;
                        var data_title = data.title.trim().toLowerCase();
                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
                        var data_url = data.url;
                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
                        var index_title = -1;
                        var index_content = -1;
                        var first_occur = -1;
                        // only match artiles with not empty titles and contents
                        if (data_title !== '' && data_content !== '') {
                            keywords.forEach(function (keyword, i) {
                                index_title = data_title.indexOf(keyword);
                                index_content = data_content.indexOf(keyword);
                                if (index_title < 0 && index_content < 0) {
                                    isMatch = false;
                                } else {
                                    if (index_content < 0) {
                                        index_content = 0;
                                    }
                                    if (i === 0) {
                                        first_occur = index_content;
                                    }
                                }
                            });
                        }
                        // show search results
                        if (isMatch) {
                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
                            var content = data.content.trim().replace(/<[^>]+>/g, "");
                            if (first_occur >= 0) {
                                // cut out 100 characters
                                var start = first_occur - 20;
                                var end = first_occur + 80;
                                if (start < 0) {
                                    start = 0;
                                }
                                if (start === 0) {
                                    end = 100;
                                }
                                if (end > content.length) {
                                    end = content.length;
                                }
                                var match_content = content.substr(start, end);
                                // highlight all keywords
                                keywords.forEach(function (keyword) {
                                    var regS = new RegExp(keyword, "gi");
                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
                                });

                                str += "<p class=\"search-result\">" + match_content + "...</p>"
                            }
                            str += "</li>";
                        }
                    });
                    str += "</ul>";
                    $resultContent.innerHTML = str;
                });
            }
        });
    };

    searchFunc('/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    

    
        
        <script type="text/javascript">
            // 只在桌面版网页启用特效
            var windowWidth = $(window).width();
            if (windowWidth > 768) {
                document.write('<script type="text/javascript" src="/libs/others/sakura.js"><\/script>');
            }
        </script>
    

    <!-- 雪花特效 -->
     
        <script type="text/javascript">
            // 只在桌面版网页启用特效
            var windowWidth = $(window).width();
            if (windowWidth > 768) {
                document.write('<script type="text/javascript" src="/libs/others/snow.js"><\/script>');
            }
        </script>
    

    <!-- 鼠标星星特效 -->
    

     
        <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
        <script src="/libs/others/TencentCaptcha.js"></script>
        <button id="TencentCaptcha" data-appid="xxxxxxxxxx" data-cbfn="callback" type="button" hidden></button>
    

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script src="/libs/others/clicklove.js" async="async"></script>
    
    
    <script async src="/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

    <!--腾讯兔小巢-->
    
    

    

    
    <script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

</body>

</html>
